<template>
  <div class="wscn-http404-container">
    <div class="error-404" />
    <div class="error-tip">
      <div class="error-english">Page missing</div>
      <div class="error-chinese">找不到页面</div>
    </div>
    <el-button type="primary" @click="goHome()">返回首页</el-button>
  </div>
</template>

<script>
export default {
  name: 'Page404',
  methods: {
    goHome() {
      this.$router.push('/')
    }
  }
}
</script>

<style lang="scss" scoped>
  .wscn-http404-container {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 40%;
    left: 50%;
    text-align: center;
    .error-404 {
      width: 180px;
      height: 150px;
      background: url("")
      no-repeat;
    }
    .error-tip {
      color: #6B8CA3;
      padding: 30px 0 20px 0;
      .error-english {
        font-size: 28px;
      }
      .error-chinese {
        font-size: 16px;
      }
    }
  }
</style>
